<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>DLS - Buscar Postulantes</title>

<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/reset.css">

<link rel="stylesheet" href="../css/jquery-ui.css" />
<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/jquery-ui.js"></script>
<script src="../js/script.js"></script>

<script>
  $(function() {
	  
	  $( "#accordion" ).accordion({ 
	    	heightStyle: "content", 
	    	collapsible: true,
	    	active: false,
	    	icons: { header: "ui-icon-circle-plus", activeHeader: "ui-icon-circle-minus" }
	    });
	  $( "#btnSearch" ).button({ icons: { primary: "ui-icon-search" } });
	  
	  $( "#btnB1" ).button({ icons: { primary: "ui-icon-carat-1-w" }, text: false });
	  $( "#btn11" ).button();
	  $( "#btn21" ).button();
	  $( "#btn31" ).button();
	  $( "#btn41" ).button();
	  $( "#btn51" ).button();
	  $( "#btnN1" ).button({ icons: { primary: "ui-icon-carat-1-e" }, text: false });
	  
	  $( "#btnB2" ).button({ icons: { primary: "ui-icon-carat-1-w" }, text: false });
	  $( "#btn12" ).button();
	  $( "#btn22" ).button();
	  $( "#btn32" ).button();
	  $( "#btn42" ).button();
	  $( "#btn52" ).button();
	  $( "#btnN2" ).button({ icons: { primary: "ui-icon-carat-1-e" }, text: false });
	  
	  $( "#rdAreaInteres" ).buttonset();
	  $( "#rdHorario" ).buttonset();
	  $( "#fecPub" ).datepicker({ changeMonth: true, changeYear: true });
	  
	  $( "#btnEntrevistarG" ).button({ icons: { primary: "ui-icon-mail-closed" }}).
	  							click(function() { $( "#dialog-form" ).dialog( "open" ); });;
	  
	  $( "#btnEntrevistar1" ).button({ icons: { primary: "ui-icon-mail-closed" }, text: false}).
	  							click(function() { $( "#dialog-form" ).dialog( "open" ); });;
	  $( "#btnEntrevistar2" ).button({ icons: { primary: "ui-icon-mail-closed" }, text: false}).
								click(function() { $( "#dialog-form" ).dialog( "open" ); });;
	  $( "#btnEntrevistar3" ).button({ icons: { primary: "ui-icon-mail-closed" }, text: false}).
	  							click(function() { $( "#dialog-form" ).dialog( "open" ); });;
	  $( "#btnEntrevistar4" ).button({ icons: { primary: "ui-icon-mail-closed" }, text: false}).
	  							click(function() { $( "#dialog-form" ).dialog( "open" ); });;
	  $( "#btnEntrevistar5" ).button({ icons: { primary: "ui-icon-mail-closed" }, text: false}).
	  							click(function() { $( "#dialog-form" ).dialog( "open" ); });;
	  
	  $( "#dialog-form" ).dialog({
	      autoOpen: false,
	      height: "auto",
	      width: "auto",
	      modal: true
	  });
	  
	  $( "#btnSendMail" ).button({ icons: { primary: "ui-icon-mail-closed" }});
	  $( "#txtFecha" ).datepicker({ 
		  changeMonth: true, 
		  changeYear: true,
		  showOn: "button",
	      buttonImage: "../images/Calendar.png",
	      buttonImageOnly: true
	  });
	  
  });
</script>
</head>
<body>

<div class="wrapper styled">

<jsp:include page="../template/header.jsp"></jsp:include>

<jsp:include page="../template/menu.jsp"></jsp:include>

<div id="body" class="body">

	<div class="metro-title textCenter">
		<span>DLS - Lista de Postulantes</span>
	</div>
	
	<div class="ui-filter-person widthTotal">
		<table class="tbForm">
			<tr class="trHead">
	    		<td><label>Oferta</label></td>
	    		<td><label>Fecha de Publicaci�n</label></td>
	    		<td><label>Area/Unidad</label></td>
	    	</tr>
	    	<tr>
	    		<td>
	    			<select>
	    				<option>-- Seleccione --</option>
	    				<option>Oferta 1</option>
	    				<option>Oferta 2</option>
	    				<option>Oferta 3</option>
	    				<option>Oferta 4</option>
	    			</select>
	    		</td>
	    		<td><input id="fecPub" type="text"></td>
	    		<td>
	    			<div id="rdAreaInteres">
					    <input type="checkbox" id="rdAreaInteres1" name="radio1"/><label for="rdAreaInteres1">ADMINISTRACION</label>
					    <input type="checkbox" id="rdAreaInteres2" name="radio1"/><label for="rdAreaInteres2">PRODUCCION</label>
					    <input type="checkbox" id="rdAreaInteres3" name="radio1"/><label for="rdAreaInteres3">SISTEMAS</label>
					    <input type="checkbox" id="rdAreaInteres4" name="radio1"/><label for="rdAreaInteres4">VENTAS</label>
					</div>
	    		</td>
	    	</tr>
	    	<tr class="trHead">
	    		<td><label>Disponibilidad</label></td>
	    		<td><label>Horario</label></td>
	    	</tr>
	    	<tr>
	    		<td>
	    			<select>
						<option value="">-- Seleccione --</option>
						<option value="2">1 SEMANA</option>
						<option value="3">2 SEMANAS</option>
						<option value="4">3 SEMANAS</option>
						<option value="5">4 SEMANAS</option>
						<option value="1">INMEDIATO</option>
					</select>
	    		</td>
	    		<td>
	    			<div id="rdHorario">
					    <input type="checkbox" id="rdHorario1" name="radio2" /><label for="rdHorario1">Tiempo Completo</label>
					    <input type="checkbox" id="rdHorario2" name="radio2" /><label for="rdHorario2">Tiempo Parcial</label>
					</div>
	    		</td>
	    	</tr>
	    </table>
	    <div id="accordion">
			<h3>Busqueda Avanzada</h3>
			<div>
				<table class="tbForm">
			    	<tr class="trHead">
			    		<td><label>Nombres</label></td>
			    		<td><label>Apellido Paterno</label></td>
			    		<td><label>Apellido Materno</label></td>
			    	</tr>
			    	<tr>
			    		<td><input type="text" class="width200"></td>
			    		<td><input type="text" class="width200"></td>
			    		<td><input type="text" class="width200"></td>
			    	</tr>
			    	<tr class="trHead">
			    		<td><label>Especialidad</label></td>
			    		<td><label>Grado Academico</label></td>
			    		<td><label>Idioma</label></td>
			    	</tr>
			    	<tr>
			    		<td>
			    			<select style="width: 200px;">
								<option value="">-- Seleccione --</option>
								<option value="41">ABOGADO</option>
								<option value="07">ADMINISTRACION DE EMPRESAS</option>
								<option value="36">ADMINISTRACION DE NEGOCIOS</option>
								<option value="62">AGRONOMIA</option>
								<option value="38">ANALISTA DE SISTEMAS</option>
								<option value="47">ANALISTA PROGRAMADOR</option>
								<option value="43">ARCHIVO</option>
								<option value="35">BANCA Y FINANZAS</option>
								<option value="56">BIOLOGIA</option>
								<option value="06">BIOQUIMICA Y TECNOLOGIA DE ADN</option>
								<option value="55">CIENCIA ANIMAL-SISTEMAS DE PRODUCCION Y ESPECIALIDADES EN AGRICULTURA</option>
								<option value="61">CIENCIAS AMBIENTALES</option>
								<option value="18">CIENCIAS BIOLOGICAS</option>
								<option value="12">CIENCIAS DE LA COMUNICACION</option>
								<option value="54">CIENCIAS POLITICAS</option>
								<option value="31">COMERCIO INTERNACIONAL</option>
								<option value="14">COMPUTACION E INFORMATICA</option>
								<option value="20">COMUNICACIONES Y RELACIONES PUBLICAS</option>
								<option value="58">CONSERVACION Y UTILIZACION DE RECURSOS GENETICOS</option>
								<option value="03">CONTABILIDAD</option>
								<option value="40">COUNTER</option>
								<option value="05">DERECHO</option>
								<option value="22">DISE�O GRAFICO</option>
								<option value="04">ECONOMIA</option>
								<option value="11">ECONOMIA Y FINANZAS</option>
								<option value="17">ECONOMIA:DESARROLLO EMPRESARIAL Y REGIONAL</option>
								<option value="65">Educacion</option>
								<option value="51">ELECTTRICISTA</option>
								<option value="64">ENTOMOLOGIA</option>
								<option value="23">ESTADISTICA</option>
								<option value="34">FINANZAS</option>
								<option value="49">FISICA APLICADA</option>
								<option value="50">FISICO MATEMATICO</option>
								<option value="21">FITOPATOLOGIA</option>
								<option value="28">INGENERIA ADMINISTRATIVA</option>
								<option value="57">INGENIERIA AGRONOMA</option>
								<option value="46">INGENIERIA AMBIENTAL</option>
								<option value="08">INGENIERIA CIVIL</option>
								<option value="01">INGENIERIA DE SISTEMAS</option>
								<option value="10">INGENIERIA ECONOMICA</option>
								<option value="09">INGENIERIA ELECTRONICA</option>
								<option value="42">INGENIERIA ESTADISTICA</option>
								<option value="29">INGENIERIA GEOLOGIA</option>
								<option value="02">INGENIERIA INDUSTRIAL</option>
								<option value="24">MARKETING</option>
								<option value="19">MEDICINA</option>
								<option value="59">MEJORAMIENTO GENETICO DE PLANTAS</option>
								<option value="26">NUTRICION</option>
								<option value="25">OFICIAL DE POLICIA</option>
								<option value="33">OTROS</option>
								<option value="30">PLANT SCIENCE</option>
								<option value="60">PRODUCCION AGRICOLA Y EXTENSION AGRICOLA</option>
								<option value="16">PRODUCCION ANIMAL</option>
								<option value="37">PSICOLOGIA</option>
								<option value="32">QUIMICA Y BIOLOGIA MOLECULAR</option>
								<option value="39">RECURSOS HUMANOS</option>
								<option value="52">REFRIGERACION</option>
								<option value="13">RELACIONES INDUSTRIALES</option>
								<option value="48">RELACIONES PUBLICAS</option>
								<option value="15">SECRETARIADO</option>
								<option value="44">SISTEMAS</option>
								<option value="63">SUELOS</option>
								<option value="45">TECNICO ELECTRONICO</option>
								<option value="53">TECNICO EN TELEFONIA</option>
								<option value="27">TRADUCTOR</option>
							</select>
			    		</td>
			    		<td>
			    			<select>
								<option value="">-- Seleccione --</option>
								<option value="2">BACHILLER</option>
								<option value="C">CONCLUIDO</option>
								<option value="6">DOCTORADO</option>
								<option value="1">EGRESADO</option>
								<option value="4">LICENCIADO</option>
								<option value="5">MAESTRIA</option>
								<option value="16">SECUNDARIA</option>
								<option value="15">TECNICO INCONCLUSO</option>
								<option value="7">TECNICOS</option>
								<option value="3">TITULADO</option>
								<option value="14">UNIVERSITARIO INCONCLUSO</option>
							</select>
			    		</td>
			    		<td>
			    			<select>
								<option value="">-- Seleccione --</option>
								<option value="004">ALEMAN</option>
								<option value="009">AYMARA</option>
								<option value="007">CHINO</option>
								<option value="002">FRANCES</option>
								<option value="001">INGLES</option>
								<option value="006">ITALIANO</option>
								<option value="003">JAPONES</option>
								<option value="005">PORTUGUES</option>
								<option value="008">QUECHUA</option>
							</select>
			    		</td>
			    	</tr>
				</table>
			</div>
		</div>
	    
		<div class="line widthTotal textCenter">
			<button id="btnSearch">Buscar</button>
			
			<button id="btnEntrevistarG">Entrevistar</button>
		</div>
	</div>
	
	<div class="line widthTotal textCenter" style="float: left;">
		<button id="btnB1">Anterior</button>
		<button id="btn11">1</button>
		<button id="btn21">2</button>
		<button id="btn31">3</button>
		<button id="btn41">4</button>
		<button id="btn51">5</button>
		<button id="btnN1">Siguiente</button>
	</div>
	
	<div class="ui-content-grid">
		<div class="ui-person">
			<div class="metro-check">
				<input type="checkbox">
			</div>
			<a class="ui-wrapper-img" href="/RRHH/rrhh/postulante1.jsp">
				<img alt="" src="../images/1.jpg">
				<div class="ui-overlay"></div>
			</a>
			
			<div class="ui-names">
				<p>Melissa</p>
				<p>Dioza&nbsp;Rivera</p>
			</div>
			<div class="metro-entrevistar">
				<a id="btnEntrevistar1">Entrevistar</a>
			</div>			
			<div class="ui-information">
			
				<div class="ui-state-highlight">
					<label>Area de Interes</label><p>Sistemas</p>
				</div>
				<div class="ui-state-highlight">
					<label>Sistemas</label><p>Analista Programador</p>
				</div>
				<div class="ui-state-highlight">
					<label>Idioma</label><p>Ingles</p>
				</div>
			</div>
		</div>
		<div class="ui-person">
			<div class="metro-check">
				<input type="checkbox">
			</div>
			<a class="ui-wrapper-img" href="/RRHH/rrhh/postulante1.jsp">
				<img alt="" src="../images/2.jpg">
				<div class="ui-overlay"></div>
			</a>
			<div class="ui-names">
				<p>Juan&nbsp;Antonio</p>
				<p>Santos&nbsp;Del campo</p>
			</div>
			<div class="metro-entrevistar">
				<a id="btnEntrevistar2">Entrevistar</a>
			</div>
			<div class="ui-information">
			
				<div class="ui-state-highlight">
					<label>Area de Interes</label><p>Administracion</p>
				</div>
				<div class="ui-state-highlight">
					<label>Sistemas</label><p>Analista Programador</p>
				</div>
				<div class="ui-state-highlight">
					<label>Idioma</label><p>Ingles</p>
				</div>
			</div>
		</div>
		<div class="ui-person">
			<div class="metro-check">
				<input type="checkbox">
			</div>
			<a class="ui-wrapper-img" href="/RRHH/rrhh/postulante1.jsp">
				<img alt="" src="../images/3.jpg">
				<div class="ui-overlay"></div>
			</a>
			<div class="ui-names">
				<p>Sharmeli&nbsp;Olenka</p>
				<p>Chavez&nbsp;Ocania</p>
			</div>
			<div class="metro-entrevistar">
				<a id="btnEntrevistar3">Entrevistar</a>
			</div>
			<div class="ui-information">
			
				<div class="ui-state-highlight">
					<label>Area de Interes</label><p>Administracion</p>
				</div>
				<div class="ui-state-highlight">
					<label>Sistemas</label><p>Analista Programador</p>
				</div>
				<div class="ui-state-highlight">
					<label>Idioma</label><p>Ingles</p>
				</div>
			</div>
		</div>
		<div class="ui-person">
			<div class="metro-check">
				<input type="checkbox">
			</div>
			<a class="ui-wrapper-img" href="/RRHH/rrhh/postulante1.jsp">
				<img alt="" src="../images/4.jpg">
				<div class="ui-overlay"></div>
			</a>
			<div class="ui-names">
				<p>Silvio</p>
				<p>Rodriguez&nbsp;Espinoza</p>
			</div>
			<div class="metro-entrevistar">
				<a id="btnEntrevistar4">Entrevistar</a>
			</div>
			<div class="ui-information">
			
				<div class="ui-state-highlight">
					<label>Area de Interes</label><p>Administracion</p>
				</div>
				<div class="ui-state-highlight">
					<label>Sistemas</label><p>Analista Programador</p>
				</div>
				<div class="ui-state-highlight">
					<label>Idioma</label><p>Ingles</p>
				</div>
			</div>
		</div>
		<div class="ui-person">
			<div class="metro-check">
				<input type="checkbox">
			</div>
			<a class="ui-wrapper-img" href="/RRHH/rrhh/postulante1.jsp">
				<img alt="" src="../images/5.jpg">
				<div class="ui-overlay"></div>
			</a>
			<div class="ui-names">
				<p>Stefany</p>
				<p>Aldoradin&nbsp;Rodriguez</p>
			</div>
			<div class="metro-entrevistar">
				<a id="btnEntrevistar5">Entrevistar</a>
			</div>
			<div class="ui-information">
			
				<div class="ui-state-highlight">
					<label>Area de Interes</label><p>Administracion</p>
				</div>
				<div class="ui-state-highlight">
					<label>Sistemas</label><p>Analista Programador</p>
				</div>
				<div class="ui-state-highlight">
					<label>Idioma</label><p>Ingles</p>
				</div>
			</div>
		</div>
	</div>
	
	<div class="line widthTotal textCenter" style="float: left;">
		<button id="btnB2">Anterior</button>
		<button id="btn12">1</button>
		<button id="btn22">2</button>
		<button id="btn32">3</button>
		<button id="btn42">4</button>
		<button id="btn52">5</button>
		<button id="btnN2">Siguiente</button>
	</div>
	<br><br><br>
	
<div id="dialog-form" title="Entrevistar">
	
	<table class="tbForm">
		<tr class="trHead">
			<td><label>Fecha</label> </td>
			<td><label>Hora</label> </td>
		</tr>
		<tr>
			<td><input id="txtFecha" type="text"></td>
			<td>
				<select>
					<option>09</option>
					<option>10</option>
					<option>11</option>
					<option>12</option>
					<option>13</option>
					<option>14</option>
					<option>15</option>
					<option>16</option>
					<option>17</option>
				</select>
				<label>:</label>
				<select>
					<option>00</option>
					<option>15</option>
					<option>30</option>
					<option>45</option>
				</select>
			</td>
		</tr>
		<tr class="trHead">
			<td colspan="2"><label>Mensaje</label></td>
		</tr>
		<tr>
			<td colspan="2">
				<textarea rows="7" cols="40">Estimado(a):
Se le ha seleccionado para tener una entrevista personal el dia xx/xx/xxxx a las xx:xx xx favor de acercarse a la Av. Navarrete 525 San Isido.

Saludos</textarea>
			</td>
		</tr>
		<tr> <td colspan="2" style="text-align: right;"> <button id="btnSendMail">Enviar</button> </td> </tr>
	</table>
	
	
	
</div>
	
</div>

<jsp:include page="../template/footer.jsp"></jsp:include>

</div>

</body>
</html>